@charset "utf-8";
@import "reset";
*{
    padding: 0;
    margin: 0;
}
html,body{
    width: 100vw;
    height: 100vh;
}
.WebPage{
    width: 100vw;
    height: 100vh;
    position: relative;
}
.WebHead{
    width: 100vw;
    display: flex;
    height: 11vw;
    border-bottom: 1px solid #505050;
    align-items: center;
    position: relative;
    >i{
        margin-left: 4vw;
    }
    >p{
        font-size: 5vw;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
}
.WebContent{
    width: 100vw;
    text-align: center;
    >input{
        width: 78vw;
        height: 10vw;
        box-sizing: border-box;
        background-color: #dcdcdc;
        padding: 3vw 2vw;
        border-radius: 1vw;
        border: 0;
        margin: 7vw 0;
    }
    >textarea{
        width: 78vw;
        height: 52vw;
        border-radius: 1vw;
        box-sizing: border-box;
        background-color: #dcdcdc;
        padding: 3vw 2vw;
        resize: none;
        border: 0px;
        color: #8D8D8D;
    }
    >div{
        margin-top: 5vw;
        display: inline-block;
        width: 47vw;
        height: 11vw;
        background-color: #000000;
        border-radius: 1vw;
        color: white;
        line-height: 11vw;
        text-align: center;
    }
}
